<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
	<meta charset="utf-8"/>
	<script src="/api/order/js/jquery-3.1.1.min.js"></script>
	<link rel="stylesheet" type="text/css" href="/api/order/css/JD2.css"/>
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"/>
	<link rel="stylesheet" href="http://localhost:88/api/user/plugins/sweetalert/sweetalert.css"/>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script src="http://localhost:88/api/user/plugins/sweetalert/sweetalert.min.js"></script>
	<title>订单结算页</title>
</head>

<body>
<!--顶部-->
<header>
	<div class="header">
		<ul class="header-left" >
			<li>
				<img src="/api/order/img/header_1.png"/>
				<a href="http://goop.com">谷粒学院首页</a>
			</li>
			<li class="header-l-2">
				<i class="fa fa-map-marker" style="color: #5C5452;"></i>
				<a href="/api/order/">北京</a>
				<div class="header-l-d">

					<ul>
						<li><a href="/api/order/" style="background: red; color: white;">北京</a></li>
						<li><a href="/api/order/">山西</a></li>
						<li><a href="/api/order/">内蒙古</a></li>
						<li><a href="/api/order/">福建</a></li>
						<li><a href="/api/order/">江西</a></li>
						<li><a href="/api/order/">西藏</a></li>
						<li><a href="/api/order/">新疆</a></li>
					</ul>
					<ul>
						<li><a href="/api/order/">上海</a></li>
						<li><a href="/api/order/">河南</a></li>
						<li><a href="/api/order/">江苏</a></li>
						<li><a href="/api/order/">湖北</a></li>
						<li><a href="/api/order/">四川</a></li>
						<li><a href="/api/order/">陕西</a></li>
						<li><a href="/api/order/">港澳</a></li>
					</ul>
					<ul>
						<li><a href="/api/order/">天津</a></li>
						<li><a href="/api/order/">辽宁</a></li>
						<li><a href="/api/order/">山东</a></li>
						<li><a href="/api/order/">湖南</a></li>
						<li><a href="/api/order/">海南</a></li>
						<li><a href="/api/order/">甘肃</a></li>
						<li><a href="/api/order/">台湾</a></li>
					</ul>
					<ul>
						<li><a href="/api/order/">重庆</a></li>
						<li><a href="/api/order/">吉林</a></li>
						<li><a href="/api/order/">安徽</a></li>
						<li><a href="/api/order/">广东</a></li>
						<li><a href="/api/order/">贵州</a></li>
						<li><a href="/api/order/">青岛</a></li>
						<li><a href="/api/order/">钓鱼岛</a></li>
					</ul>
					<ul>
						<li><a href="/api/order/">河北</a></li>
						<li><a href="/api/order/">黑龙江</a></li>
						<li><a href="/api/order/">浙江</a></li>
						<li><a href="/api/order/">广西</a></li>
						<li><a href="/api/order/">云南</a></li>
						<li><a href="/api/order/">宁夏</a></li>
						<li><a href="/api/order/">海外</a></li>
					</ul>


				</div>
			</li>

		</ul>
		<ul class="header-right">
			<li><img src="/api/order/img/03.png"
													  style="margin-bottom: 0px;margin-left3: 3px;"/><img
					src="/api/order/img/06.png"/></li>
			<li>|</li>
			<li class="spacer"></li>
			<li><a href="/api/order/">我的订单</a></li>
			<li class="spacer"></li>
			<li>
				<a href="/api/order/">我的谷粒学院</a>
				<i class="fa fa-angle-down"></i>
				<div class="header-r-1 aa header-r-11">
					<div>
						<ol>
							<dd><a href="/api/order/">待处理订单</a></dd>
							<dd><a href="/api/order/">返修退换货</a></dd>
							<dd><a href="/api/order/">降价商品</a></dd>

						</ol>
						<ol>
							<dd><a href="/api/order/">消息</a></dd>
							<dd><a href="/api/order/">我的问答</a></dd>
							<dd><a href="/api/order/">我的关注</a></dd>

						</ol>

					</div>
					<div>
						<ol>
							<dd><a href="/api/order/">我的京豆</a></dd>
							<dd><a href="/api/order/">我的白条</a></dd>
						</ol>
						<ol>
							<dd><a href="/api/order/">我的优惠劵</a></dd>
							<dd><a href="/api/order/">我的理财</a></dd>
						</ol>

					</div>
					<div>
						<h4><a href="/api/order/">我的足迹</a><a href="/api/order/">更多 ></a></h4>
						<a href="/api/order/"><img src="/api/order/img/59ae02fcN529cc4a1.jpg"/></a>
						<a href="/api/order/"><img src="/api/order/img/59ce706fN6f3f2a4a.jpg"/></a>
						<a href="/api/order/"><img src="/api/order/img/57b191f2N15993cbb.jpg"/></a>
						<a href="/api/order/"><img src="/api/order/img/58ff269fN7b7e087b.jpg"/></a>

					</div>
				</div>

			</li>
			<li class="spacer"></li>
			<li><a href="/api/order/">谷粒学院会员</a></li>
			<li class="spacer"></li>
			<li><a href="/api/order/">企业采购</a></li>
			<li class="spacer"></li>
			<li>
				<a href="/api/order/">客户服务</a>
				<i class="fa fa-angle-down"></i>
				<div class="header-r-1 aa header-r-2">
					<div>
						<h4>客户</h4>
						<ol>

							<dd><a href="/api/order/">帮助中心</a></dd>
							<dd><a href="/api/order/">在线客服</a></dd>
							<dd><a href="/api/order/">电话客服</a></dd>
							<dd><a href="/api/order/">金融咨询</a></dd>
						</ol>
						<ol>

							<dd><a href="/api/order/">售后服务</a></dd>
							<dd><a href="/api/order/">意见建议</a></dd>
							<dd><a href="/api/order/">客服邮箱</a></dd>
							<dd><a href="/api/order/">售全球客服</a></dd>
						</ol>
					</div>
					<div>
						<h4>商户</h4>
						<ol>

							<dd><a href="/api/order/">合作招商</a></dd>
							<dd><a href="/api/order/">商家后台</a></dd>
							<dd><a href="/api/order/">商家帮助</a></dd>
						</ol>
						<ol>

							<dd><a href="/api/order/">学习中心</a></dd>
							<dd><a href="/api/order/">京麦工作台</a></dd>
							<dd><a href="/api/order/">规则平台</a></dd>
						</ol>
					</div>
				</div>

			</li>
			<li class="spacer"></li>
			<li>
				<a href="/api/order/">网址导航</a>
				<i class="fa fa-angle-down"></i>
				<div class="header-r-1 aa header-r-3">
					<div>
						<h4>特色主题</h4>
						<ol>
							<dd><a href="/api/order/">谷粒学院试用</a></dd>
							<dd><a href="/api/order/">国际站</a></dd>
							<dd><a href="/api/order/">买什么</a></dd>
							<dd><a href="/api/order/">0元评测</a></dd>
							<dd><a href="/api/order/">优惠劵</a></dd>
							<dd><a href="/api/order/">印尼站</a></dd>
							<dd><a href="/api/order/">陪伴计划</a></dd>
						</ol>
						<ol>
							<dd><a href="/api/order/">谷粒学院金融</a></dd>
							<dd><a href="/api/order/">谷粒学院会员</a></dd>
							<dd><a href="/api/order/">俄语站</a></dd>
							<dd><a href="/api/order/">定期送</a></dd>
							<dd><a href="/api/order/">秒杀</a></dd>
							<dd><a href="/api/order/">谷粒学院金融科技</a></dd>
							<dd><a href="/api/order/">出海招商</a></dd>
						</ol>
						<ol>
							<dd><a href="/api/order/">全球售</a></dd>
							<dd><a href="/api/order/">谷粒学院预售</a></dd>
							<dd><a href="/api/order/">装机大师</a></dd>
							<dd><a href="/api/order/">港澳售</a></dd>
							<dd><a href="/api/order/">闪购</a></dd>
							<dd><a href="/api/order/">In货推荐</a></dd>
						</ol>

					</div>

					<div>
						<h4>行业推荐</h4>
						<ol>
							<dd><a href="/api/order/">手机</a></dd>
							<dd><a href="/api/order/">玩3C</a></dd>
							<dd><a href="/api/order/">家用电器</a></dd>
							<dd><a href="/api/order/">服装城</a></dd>
							<dd><a href="/api/order/">家装城</a></dd>
							<dd><a href="/api/order/">食品</a></dd>
							<dd><a href="/api/order/">农资频道</a></dd>
							<dd><a href="/api/order/">图书</a></dd>

						</ol>
						<ol>
							<dd><a href="/api/order/">智能数码</a></dd>
							<dd><a href="/api/order/">电脑办公</a></dd>
							<dd><a href="/api/order/">谷粒学院智能</a></dd>
							<dd><a href="/api/order/">美妆馆</a></dd>
							<dd><a href="/api/order/">母婴</a></dd>
							<dd><a href="/api/order/">运动户外</a></dd>
							<dd><a href="/api/order/">整车</a></dd>
						</ol>
					</div>


					<div>
						<h4>生活服务</h4>
						<ol>
							<dd><a href="/api/order/">谷粒学院众筹</a></dd>
							<dd><a href="/api/order/">谷粒学院金融App</a></dd>
							<dd><a href="/api/order/">理财</a></dd>
							<dd><a href="/api/order/">话费</a></dd>
							<dd><a href="/api/order/">彩票</a></dd>
							<dd><a href="/api/order/">机票酒店</a></dd>
							<dd><a href="/api/order/">酒店到家</a></dd>
							<dd><a href="/api/order/">游戏</a></dd>

						</ol>
						<ol>
							<dd><a href="/api/order/">白条</a></dd>
							<dd><a href="/api/order/">谷粒学院小金库</a></dd>
							<dd><a href="/api/order/">智能家电</a></dd>
							<dd><a href="/api/order/">水电煤</a></dd>
							<dd><a href="/api/order/">旅行</a></dd>
							<dd><a href="/api/order/">电影票</a></dd>
							<dd><a href="/api/order/">谷粒学院众测</a></dd>
						</ol>
					</div>


					<div>
						<h4>更多精选</h4>
						<ol>
							<dd><a href="/api/order/">合作招商</a></dd>
							<dd><a href="/api/order/">谷粒学院E卡</a></dd>
							<dd><a href="/api/order/">服务市场</a></dd>
							<dd><a href="/api/order/">乡村招募</a></dd>
							<dd><a href="/api/order/">京友邦</a></dd>
							<dd><a href="/api/order/">智能社区</a></dd>
							<dd><a href="/api/order/">知识产权维权</a></dd>


						</ol>
						<ol>
							<dd><a href="/api/order/">谷粒学院通信</a></dd>
							<dd><a href="/api/order/">企业采购</a></dd>
							<dd><a href="/api/order/">办公生活馆</a></dd>
							<dd><a href="/api/order/">校园加盟</a></dd>
							<dd><a href="/api/order/">谷粒学院社区</a></dd>
							<dd><a href="/api/order/">游戏社区</a></dd>
						</ol>
					</div>
				</div>

			</li>
			<li class="spacer"></li>
			<li class="header-r-4"><a href="/api/order/">手机谷粒学院</a>
				<div class="aa h-r-1">

					<div>
						<div class="h-r-1img">
							<img src="/api/order/img/59a51bf6Nb8e478cc.png"/>
						</div>
						<h4><a href="/api/order/">手机谷粒学院</a></h4>
						<p>新人专享大礼</p>
						<div class="h-r-1img2">
							<a href="/api/order/"><img
									src="/api/order/img/8104b36ae6b72043ae838599d36d007d.png" alt=""/></a>
							<a href="/api/order/"><img
									src="/api/order/img/c0935b2c6504a5419e6ee507a5381bbe.png"/></a>
							<a href="/api/order/"><img
									src="/api/order/img/a64b429ebf83d2459a0a73830f4ad4c4.png"/></a>
						</div>
					</div>
					<div>
						<div class="h-r-1img">
							<img src="/api/order/img/5874a54dNcec29924.jpg"/>
						</div>
						<h4><a href="/api/order/">关注谷粒学院微信</a></h4>
						<p>微信扫一扫关注新粉最高180元惊喜礼包</p>
						<!--<div class="h-r-1img2">
                            <a href="/api/order/"><img src="/api/order/img/8104b36ae6b72043ae838599d36d007d.png" alt="" /></a>
                            <a href="/api/order/"><img src="/api/order/img/c0935b2c6504a5419e6ee507a5381bbe.png"/></a>
                            <a href="/api/order/"><img src="/api/order/img/a64b429ebf83d2459a0a73830f4ad4c4.png"/></a>
                        </div>-->
					</div>
					<div>
						<div class="h-r-1img">
							<img src="/api/order/img/5874a555Ne8192324.jpg"/>
						</div>
						<h4><a href="/api/order/">谷粒学院金融客户端</a></h4>
						<p>新人专享大礼</p>
						<div class="h-r-1img2">
							<a href="/api/order/"><img
									src="/api/order/img/8104b36ae6b72043ae838599d36d007d.png" alt=""/></a>
							<a href="/api/order/"><img
									src="/api/order/img/c0935b2c6504a5419e6ee507a5381bbe.png"/></a>
							<a href="/api/order/"><img
									src="/api/order/img/a64b429ebf83d2459a0a73830f4ad4c4.png"/></a>
						</div>
					</div>

				</div>


			</li>


		</ul>
		<div style="clear: both;"></div>
	</div>


</header>



<!--logo图片-->
<div class="top-1">
	<img src="/api/order/img/logo1.jpg" class="img1"/><span>结算页</span>
	<!--右侧绿色-->
	<img src="/api/order/img/08.png" class="img2"/>
</div>


<!--主体部分-->
<!--<p class="p1">填写并核对订单信息 <span style="color: red" th:if="${ msg!=null}" th:text="${msg}"></span> </p>-->
<div class="section">
	<!--收货人信息-->
	<div class="top-2">
		<span>收货人信息</span>
		<span data-toggle="modal" data-target="#myModal">新增收货地址</span>
<!--		<button class="btn btn-primary" data-toggle="modal" data-target="#myModal">点击我显示模态框</button>-->
	</div>
	<form method="get"  action="http://localhost:88/api/user/receiveaddress/saveAddress" class="form-horizontal" role="form" id="myForm" onsubmit="return ">
		<div class="modal fade" id="myModal"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<!--  定义模态框，过渡效果为淡入，id为myModal,tabindex=-1可以禁用使用tab切换，aria-labelledby用于引用模态框的标题，aria-hidden=true保持模态框在触发前窗口不可见  -->
			<div class="modal-dialog">
				<!--  显示模态框对话框模型（若不写下一个div则没有颜色）  -->
				<div class="modal-content">
					<!--  显示模态框白色背景，所有内容都写在这个div里面  -->

					<div class="btn-info modal-header">
						<!--  模态框标题  -->
						<button type="button" class="close" data-dismiss="modal">&times;</button>
						<!--  关闭按钮  -->
						<h4>添加收货地址</h4>
						<!--  标题内容  -->
					</div>

					<div class="modal-body">
						<!--  模态框内容，我在此处添加一个表单 -->
						<form class="form-horizontal" role="form">
							<div class="form-group">
								<label for="uname" class="col-sm-2 control-label">收货人</label>
								<div class="col-sm-9">
									<input type="text" id="uname" name="name" class="form-control well" placeholder="请输入收货人"/>
								</div>
							</div>
							<div class="form-group">
								<label for="uphone" class="col-sm-2 control-label">联系电话</label>
								<div class="col-sm-9">
									<input type="text" id="uphone" name="phone" class="form-control well" placeholder="请输入联系电话"/>
								</div>
							</div>
							<div class="form-group">
								<label for="uprovince" class="col-sm-2 control-label">省</label>
								<div class="col-sm-2">
									<input type="text" id="uprovince" name="province" class="form-control well" placeholder="省<"/>
								</div>

								<label for="ucity" class="col-sm-1 control-label">市</label>
								<div class="col-sm-2">
									<input type="text" id="ucity" name="city" class="form-control well" placeholder="市"/>
								</div>

								<label for="uregion" class="col-sm-2 control-label">区</label>
								<div class="col-sm-2">
									<input type="text" id="uregion" name="region" class="form-control well" placeholder="区"/>
								</div>
							</div>
							<div class="form-group">
								<label for="udetailAddress" class="col-sm-2 control-label">详细地址</label>
								<div class="col-sm-9">
									<input type="text" id="udetailAddress" name="detailAddress" class="form-control well" placeholder="详细地址"/>
								</div>
							</div>
						</form>
						<input type="hidden" name="uid" th:value="${orderConfirmData.userId}" >
					</div>

					<div class="modal-footer">
						<!--  模态框底部样式，一般是提交或者确定按钮 -->
						<button type="submit" class="btn btn-info">确定</button>
						<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					</div>

				</div><!-- /.modal-content -->
			</div>
		</div> <!-- /.modal -->
	</form>

<!--	&lt;!&ndash;地址&ndash;&gt;<h1>地址测试 [[${orderConfirmData}]]</h1>-->
	<div class="top-3 addr-item" th:each="addr:${orderConfirmData.adress}">
		<p th:attr="def=${addr.defaultStatus},addrId=${addr.id}">[[${addr.name}]]</p><span th:attr="def=${addr.defaultStatus},addrId=${addr.id}">[[${addr.province}]]  [[${addr.city}]] [[${addr.region}]] [[${addr.detailAddress}]]  [[${addr.phone}]]</span>

	</div>
	<p class="p2">更多地址︾</p>
	<div class="hh1"/>
</div>
<!--********************************************************************************************-->
<!--谷粒学院自提-->
<div class="top-4">
	<p>谷粒学院自提</p>
	<p>省运费·无续重·随时取</p>
	<p class="xiang">详情</p>
</div>

<!--地址-->


<!--支付方式-->
<h4 class="h4">支付方式</h4>

<div class="top-6">
	<p>货到付款</p>
	<p><span>惠</span>在线支付</p>
</div>
<div class="hh1"></div>
<!--送货清单-->
<h4 class="h4" style="margin-top: 5px;">送货清单</h4>


<div class="top_1">
	<div class="to_left">
		<h5><span class="peisong">配送方式</span><span class="dui"><img
				src="/api/order/img/i_03.png"/> 对应商品</span></h5>
		<div class="box">
			谷粒学院快递
		</div>
		<p class="biao">
			<span class="til">标 准 达 ：</span>
			<span class="con">预计 12月16日[今天] 15:00-19:00 送达</span>
			<a href="/api/order/#">修改</a>
		</p>
		<div class="updata-1">
			<img src="/api/order/img/im_06.png"/>
			<span>京准达 标准达</span>
			<span style="color: black;"> 配送服务全面升级</span>
		</div>
		<div class="hh1"></div>
		<p class="tui">
			<span class="til">退换无忧：</span>
			<span class="con">
							<input type="checkbox"/>
							自签收后7天内退货，15天内换<span style="font-size: 12px;margin-left: 5px"> ￥ 0.50</span><br/>
						<span class="nul">货，</span>可享1次上门取件服务 ﹀
						</span>

		<div class="updata-2">
			<img src="/api/order/img/im_11.png"/>
			<span>京准达运费大促（限自营中小件）</span>
		</div>

		</p>
		<p class="kg" style="color:#666666;margin-top: 13px;font-size: 12px">总重量 :<span
				style="color:#999999;font-size: 12px">0.095kg</span></p>
	</div>
	<div class="to_right">
		<h5>商家：谷粒学院自营</h5>
		<div>
			<button>换购</button>
			<span>已购满20.00元，再加49.90元，可返回购物车领取赠品</span></div>
		<!--图片-->
		<div class="yun1" th:each="item:${orderConfirmData.items}">
			<img th:src="${item.image}" class="yun"/>
			<div class="mi">
				<p>[[${item.title}]]<span style="color: red;" th:text="'￥' + ${#numbers.formatDecimal(item.price,3,2)}"> ￥ 499.00</span>
					<span> [[${item.count}]] </span> <span> [[${orderConfirmData.stocks[item.skuId]?"有货":"无货"}]]</span>
				</p>
				<p><span>[[${item.weight}]] kg</span></p>
				<p class="tui-1"><img src="/api/order/img/i_07.png"/>支持7天无理由退货</p>
			</div>
		</div>


		<div class="hh1"></div>
		<p>退换无忧 <span class="money" value="">￥ 0.00</span></p>
	</div>
</div>
<div class="bto">
	<div class="hh2"></div>
	<h4 class="float">发票信息</h4>
	<div class="note float"><img src="/api/order/img/i_11.png"/> <span>开企业抬头发票须填写纳税人识别号，以免影响报销</span></div>
	<ul style="clear: both;">
		<li>电子普通发票 <img src="/api/order/img/i_14.png"/></li>
		<li>个人</li>
		<li>商品明细</li>
		<li>
			<a href="/api/order/">修改</a>
		</li>
	</ul>
	<div class="hh3"></div>
	<h4 class="clear">使用优惠/礼品卡/抵用 ^</h4>
	<ul>
		<li class="red">优惠卡</li>
		<li>礼品卡</li>
		<li>京豆</li>
		<li>余额</li>
		<li>领奖码</li>
	</ul>
	<div class="tuijian clear">
		<input type="checkbox"/>
		<span>优惠组合推荐</span>
	</div>
</div>
<!--"xia"-->
<div class="xia">
	<div class="qian">
		<p class="qian_y">
			<span>[[${orderConfirmData.items.size()}]]</span>
			<span>件商品，总商品金额：</span>
			<span class="rmb">￥[[${#numbers.formatDecimal(orderConfirmData.totalPrice, 1, 2)}]]</span>
		</p>
		<p class="qian_y">
			<span>总优惠：</span>
			<span class="rmb">￥[[${#numbers.formatDecimal(orderConfirmData.totalPrice-orderConfirmData.payPrice, 1, 2)}]]</span>
		</p>
		<p class="qian_y">
			<span>运费： </span>
			<span class="rmb"> &nbsp ￥<b id="fare"></b></span>
		</p>
		<p class="qian_y">
			<span>服务费： </span>
			<span class="rmb"> &nbsp ￥0.00</span>
		</p>
		<p class="qian_y">
			<span>退换无忧： </span>
			<span class="rmb"> &nbsp ￥0.00</span>
		</p>

	</div>

	<div class="yfze">
		<p class="yfze_a"><span class="z">应付总额：</span><span class="hq">￥<b id="payPrice" th:value="${#numbers.formatDecimal(orderConfirmData.payPrice, 1, 2)}">
		</b></span>
		</p>
		<p class="yfze_b">寄送至： <span id="receiveAddress"></span> 收货人：<span id="receiver"></span></p>
	</div>
	<form action="http://localhost:88/api/order/order/submitOrder" method="post">
				<input id="addrIdInput" name="addrId" type="hidden">
				<input id="payPriceInput"  name="payPrice" th:value="${orderConfirmData.payPrice}" type="hidden">
				<input name="orderToken" th:value="${orderConfirmData.orderToken}" type="hidden"/>
		<button class="tijiao" type="submit">提交订单</button>
	</form>
</div>


<div class="headera">
	<div class="Logo-tu">
		<span><img src="/api/order/img/service_items_1.png"/></span>
		<span><img src="/api/order/img/service_items_2.png"/></span>
		<span><img src="/api/order/img/service_items_3.png"/></span>
		<span><img src="/api/order/img/service_items_4.png"/></span>
	</div>
	<div class="table">
		<dl>
			<dt><a href="/api/order/##">购物指南</a></dt>
			<dd>
				<a href="/api/order/##">购物流程</a>
			</dd>
			<dd>
				<a href="/api/order/##">会员介绍</a>
			</dd>
			<dd>
				<a href="/api/order/##">生活旅行/团购</a>
			</dd>
			<dd>
				<a href="/api/order/##">常见问题</a>
			</dd>
			<dd>
				<a href="/api/order/##">大家电</a>
			</dd>
			<dd>
				<a href="/api/order/##">练习客服</a>
			</dd>
		</dl>
		<dl>
			<dt><a href="/api/order/##">配送方式</a></dt>
			<dd>
				<a href="/api/order/##">上门自提</a>
			</dd>
			<dd>
				<a href="/api/order/##">211限时达</a>
			</dd>
			<dd>
				<a href="/api/order/##">配送服务查询</a>
			</dd>
			<dd>
				<a href="/api/order/##"></a>
			</dd>
			<dd>
				<a href="/api/order/##">海外配送</a>
			</dd>
			<dd></dd>
		</dl>
		<dl>
			<dt><a href="/api/order/##">支付方式</a></dt>
			<dd>
				<a href="/api/order/##">货到付款</a>
			</dd>
			<dd>
				<a href="/api/order/##">在线支付</a>
			</dd>
			<dd>
				<a href="/api/order/##">分期付款</a>
			</dd>
			<dd>
				<a href="/api/order/##">邮局汇款</a>
			</dd>
			<dd>
				<a href="/api/order/##">公司转账</a>
			</dd>
			<dd></dd>
		</dl>
		<dl>
			<dt><a href="/api/order/##">售后服务</a></dt>
			<dd>
				<a href="/api/order/##">售后政策</a>
			</dd>
			<dd>
				<a href="/api/order/##">价格保护</a>
			</dd>
			<dd>
				<a href="/api/order/##">退款说明</a>
			</dd>
			<dd>
				<a href="/api/order/##">返修/退换货</a>
			</dd>
			<dd>
				<a href="/api/order/##">取消订单</a>
			</dd>
			<dd></dd>
		</dl>
		<dl class="dls">
			<dt><a href="/api/order/##">特色服务</a></dt>
			<dd>
				<a href="/api/order/##">夺宝岛</a>
			</dd>
			<dd>
				<a href="/api/order/##">DIY装机</a>
			</dd>
			<dd>
				<a href="/api/order/##">延保服务</a>
			</dd>
			<dd>
				<a href="/api/order/##">谷粒学院E卡</a>
			</dd>
			<dd>
				<a href="/api/order/##">谷粒学院通信</a>
			</dd>
			<dd>
				<a href="/api/order/##">谷粒学院goop+</a>
			</dd>
		</dl>
	</div>
	<div class="guanyuwomen">
		<ul>
			<li>
				<a href="/api/order/##">关于我们</a>
			</li>
			<li>|</li>
			<li>
				<a href="/api/order/##">联系我们</a>
			</li>
			<li>|</li>
			<li>
				<a href="/api/order/##">联系客服</a>
			</li>
			<li>|</li>
			<li>
				<a href="/api/order/##">合作招商</a>
			</li>
			<li>|</li>
			<li>
				<a href="/api/order/##">商家帮助</a>
			</li>
			<li>|</li>
			<li>
				<a href="/api/order/##">营销中心</a>
			</li>
			<li>|</li>
			<li>
				<a href="/api/order/##">手机谷粒学院</a>
			</li>
			<li>|</li>
			<li>
				<a href="/api/order/##">友情链接</a>
			</li>
			<li>|</li>
			<li>
				<a href="/api/order/##">销售联盟</a>
			</li>
			<li>|</li>
			<li>
				<a href="/api/order/##">谷粒学院社区</a>
			</li>
			<li>|</li>
			<li>
				<a href="/api/order/##">风险检测</a>
			</li>
			<li>|</li>
			<li>
				<a href="/api/order/##">隐私政策</a>
			</li>
			<li>|</li>
			<li>
				<a href="/api/order/##">谷粒学院公益</a>
			</li>
			<li>|</li>
			<li>
				<a href="/api/order/##">English Site</a>
			</li>
			<li>|</li>
			<li>
				<a href="/api/order/##">Mdeila $ IR</a>
			</li>
		</ul>
	</div>
	<p class="p1">
		<a href="/api/order/##"> 京公网安备 11000002000088号</a>|
		<a href="/api/order/##"> 京ICP证070359号</a>|
		<a href="/api/order/##"> 互联网药品信息服务资格证编号(京)-经营性-2014-0008 </a>|
		<a href="/api/order/##">新出发京零 字第大120007号</a>
	</p>
	<p class="p1">
		<a href="/api/order/##"> 互联网出版许可证编号新出网证(京)字150号</a>|
		<a href="/api/order/##"> 出版物经营许可证</a>|
		<a href="/api/order/##"> 网络文化经营许可证京网文 </a>|
		<a href="/api/order/##">[2014]2148-348号 </a>|
		<a href="/api/order/##"> 违法和不良信息举报电话 </a>|
		<a href="/api/order/##">：4006561155 </a>
	</p>
	<p class="p1">
		<a href="/api/order/##"> Copyright © 2004-2017 谷粒学院goop.com 版权所有</a>|
		<a href="/api/order/##"> 消费者维权热线：4006067733 经营证照</a>|
	</p>
	<p class="p1">
		<a href="/api/order/##"> 谷粒学院旗下网站：谷粒学院支付</a>|
		<a href="/api/order/##"> 谷粒学院云</a>
	</p>
	<p class="p3">
		<img src="/api/order/img/54b8871eNa9a7067e.png"/>
		<img src="/api/order/img/54b8872dNe37a9860.png"/>
		<img src="/api/order/img/54b8875fNad1e0c4c.png"/>
		<img src="/api/order/img/5698dc03N23f2e3b8.jpg"/>
		<img src="/api/order/img/5698dc16Nb2ab99df.jpg"/>
		<img src="/api/order/img/56a89b8fNfbaade9a.jpg"/>
	</p>
</div>
<script>
	$(document).ready(function () {
		$('.header-right li:nth-of-type(6)').hover(function () {
			$('.header-r-11').css('display', 'block')
		}, function () {
			$('.header-r-11').css('display', 'none')
		})
		$('.header-right li:nth-of-type(12)').hover(function () {
			$('.header-r-2').css('display', 'block')
		}, function () {
			$('.header-r-2').css('display', 'none')
		})
		$('.header-right li:nth-of-type(14)').hover(function () {
			$('.header-r-3').css('display', 'block')
		}, function () {
			$('.header-r-3').css('display', 'none')
		})
		$('.header-l-2').hover(function () {
			$('.header-l-d').css('display', 'block')
		}, function () {
			$('.header-l-d').css('display', 'none')
		})
		$('.header-r-4').hover(function () {
			$('.h-r-1').css('display', 'block')
		}, function () {
			$('.h-r-1').css('display', 'none')
		});
		$(".addr-item p").first().attr("def","1");
		highlightAddress();

		var addrId = $(".addr-item p[def='1']").attr("addrId");
		getFare(addrId)
	});


	function highlightAddress() {
		$(".addr-item p").css({"border": "2px solid gray"});
		$(".addr-item p[def='1']").css({"border": "2px solid red"});
		$(".yfze_b").children("#receiveAddress").text($(".addr-item span[def='1']").text());
		$(".yfze_b").children("#receiver").text($(".addr-item p[def='1']").text())
	}

	$(".addr-item p").click(function () {
		$(".addr-item p,.addr-item span").attr("def", "0");
		$(this).attr("def", "1");
		$(this).siblings("span").attr("def", "1");
		highlightAddress();
		//获取到当前地址id
		var addrId = $(this).attr("addrId");

		//发送ajax请求获取运费信息
		getFare(addrId);

	});

	//查运费
	function getFare(addrId) {
		if (typeof (addrId) === "undefined") {
			swal("请先选择或添加收货地址", {
				icon: "error",
			});
		}
		$("#addrIdInput").val(addrId);

		//给表单回填选择的地址

		// 成功回调函数未生效、
		$.ajax({
			type: 'GET'
			, url: 'http://localhost:88/api/product/skuinfo/fare/' + addrId
			//, contentType: 'application/json;charset=utf-8'
			//, data:{'addrId':addrId}
			, success: function (res) {
				var data = res;
				console.log(data.fareTo.fare.toFixed(2));
				$("#fare").text(data.fareTo.fare.toFixed(2));
				var payPrice = Number($("#payPrice").attr("value")) + Number($("#fare").text());
				$("#payPrice").text(payPrice)
				//alert(data);
			}
		})
	}


</script>

</body>
</html>